<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <meta charset="UTF-8">
    <title>关于我们</title>
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="font/css/font-awesome.css" rel="stylesheet" type="text/css">

    <style type="text/css">

        #main-box{
            width:1140px;
            margin:30px auto;
            box-shadow: 0 3px 3px 0 #ccc;
            -moz-box-shadow: 0 3px 3px 0 #ccc;
            -webkit-box-shadow: 0 3px 3px 0 #ccc;
            background-color: #ffffff;
            border-top:4px solid #A12F2F;
        }

        .main-item{
            padding:40px 60px;
        }


        .item-title{
            height:40px;
            border-bottom: 1px solid #E8E8E8;
            text-shadow: none;
        }

        .item-title span{
            display: block;
            height:38px;
            line-height: 30px;
            color: #333;
            border-bottom: 3px solid #F5B5AC;
            font-size: 24px;
            float: left;
            font-weight: 700;
        }

        .item-detail span{
            color: #666;
        }

        .item-detail{
            color:#999;
            padding-top:20px;
        }

        .detail-item{
            padding:8px 0;
        }

        .item-detail>p{
            padding:10px 0;
            text-indent: 2em;
        }

    </style>


    <script type="text/javascript" src="js/jquery-1.11.1.js"></script>

    <script type="text/javascript" src="js/app/header.js"></script>
</head>
<body>
<div class="top-navigation">
    <div class="nav-content">
        <a class="logo" href="#">
            <img src="img/logo.png">
        </a>
        <div class="nav-options">
            <div id="user-info">
                <a class="link-info" id="user-link" href="#"> <i class="fa fa-user" aria-hidden="true"></i>郝晓田<i class="direction fa fa-caret-down" aria-hidden="true"></i></a>
                <div class="user-model-box">
                    <div  class="user-model">
                        <div class="line header">
                            高级会员
                        </div>
                        <div class="line">
                           <span>邮箱：</span> student@abc.com
                        </div>

                        <div class="line">
                            <span>单位：</span> 中国音乐学院
                        </div>

                        <div class="line">
                            <span>电话：</span> 1234567890
                        </div>

                        <div class="line line-func">
                            <a class="link-change-info" href="#">修改信息</a>
                            <a class="link-logout" href="#">退出登陆</a>
                        </div>
                    </div>

                </div>
            </div>
            <a class="link-register" href="#"> <i class="fa fa-user" aria-hidden="true"></i>立即注册</a>
            <div id="login-box">
                <a id="login-link" href="#">登录
                    <i class="fa fa-caret-down" aria-hidden="true"></i>
                </a>
                <div class="login-model-box">
                    <div  class="login-model">
                        <div class="line header">
                            <i class="fa fa-user" aria-hidden="true"></i>
                            会员登录
                        </div>
                        <form>
                            <div class="line input">
                                <input type="text" placeholder="用户名">
                            </div>

                            <div class="line input">
                                <input type="password" placeholder="密码">
                            </div>

                            <div class="line func">
                                <div>
                                    <input id="remember-me" type="checkbox">
                                    <label for="remember-me">记住我</label>
                                </div>

                                <a href="#">忘记密码？</a>
                            </div>

                            <div class="line btn-login-reg">
                                <input class="btn-login" type="submit" value="登录">
                                <a class="btn-register" href="regist.html">注册</a>
                            </div>

                        </form>
                    </div>

                </div>

            </div>
            <a href="#">关于我们</a>
            <a href="#" class="language">中文</a>
            <a href="#" class="language">EN</a>
        </div>
    </div>
</div>



<div class="main-box" id="main-box">

    <div class="main-item">
        <div class="item-content">
            <div class="item-title">
                <span>联系方式</span>
            </div>

            <div class="item-detail">
                <div class="detail-item">
                    <span>单位名称：</span>
                    天津大学软件学院
                </div>

                <div class="detail-item">
                    <span>单位地点：</span>
                    天津市津南区海河教育园区天津大学
                </div>

                <div class="detail-item">
                    <span>联系电话：</span>
                    15122938076
                </div>
            </div>
        </div>
    </div>

    <div class="main-item">
        <div class="item-content">
            <h2 class="item-title">
                <span>网站介绍</span>
            </h2>

            <div class="item-detail">
                <p>天津大学软件学院是由国家教育部、国家计委批准的国家示范性软件学院，是全国首批35所国家示范性软件学院之一。2002年9月天津大学软件学院第一批学生正式入学，现有在校本科生已经达到750余人。根据国家创意文化发展需求，结合天津市“动漫”产业的发展趋势，天津大学于2009年进行了专业调整，整合了原软件学院软件工程系软件工程专业和原影视学院视觉艺术系动画专业，成立了新的软件学院。</p>
                <p>目前，软件学院下设软件工程系和视觉艺术系，建有软件实验室、网络实验室、软件工程实验室、嵌入式与计算机设计实验室、高性能计算与服务实验室及学生创新实验室、二维动画工作室、定格动画工作室、三维动画工作室、数字合成机房、数字录音棚、动画生产车间、动画演播厅等教学、创作设施，并建有校内和校外华苑软件园区实训、实习基地。学院具有良好的教学和科研环境，与国内外知名的大学、研究机构、IT企业建立了合作交流关系。2009年与Intel公司建立了嵌入式联合实验室并获得Intel公司捐赠的嵌入式实验教学平台。</p>
            </div>
        </div>
    </div>

</div>


<div class="footer">
    <div class="line">

        <span>
            2016 © XX机构版权所有
        </span>

        <span>
            京备1234567
        </span>

        <span>
            XX公司技术支持
        </span>

        <a id="admin-link" href="#">
            管理后台
        </a>
    </div>
</div>
</body>
</html>